@charset "utf-8";
/*reset start*/
*{margin:0;padding:0;box-sizing: border-box;}
html,body{font-family:"微软雅黑";font-size:24px;line-height:1.5;border:0;height:100%;color:#191919;}
a{text-decoration: none;color:#191919;}
ul, li{list-style:none;}
body{position:relative;}
input,select{border-radius: 0;box-shadow: none;appearance: none;-webkit-appearance: none;border:none;}
img{display: block;}
img.fill{width:100%;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;}
.text-right{text-align: right;}
.displayNone{display: none !important;z-index: 0;}
.main{position:absolute;top:0;left:0;height:100%;min-height:100%;width:100%;min-width:320px; margin:0 auto;}
#loading{font-size:1rem;position:fixed;top:0;left:0;width:100%;height:100%;background: #fff;display:flex;justify-content: center;align-items: center;flex-flow: column;z-index:100000;}
#loading img{width:10.41rem;}
#loading .progressBar{width:70%;position:relative;height:3px;background:#dcdcdc;margin-top:23px;}
#loading .progressBar .progressBarIn{position:absolute;top:0;left:0;height:100%;background: #727171;width:0;}
#loading.hide{opacity: 0;transition:.2s all ease;-webkit-transition:.2s all ease;visibility:hidden;z-index:-1;}

#vedio{position:relative;width:100%;height:100%;overflow: hidden;background: #000;}
#vedio .video{position: absolute;top:50%;left:50%;width:100%;z-index: 10;}
#vedio .play{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;top:0;left:0;z-index:-1;opacity: 0;visibility: hidden;transition: all ease .2s;-webkit-transition: all ease .2s;display:flex;justify-content: center;align-items: center;flex-flow: column;}
#vedio .play img{width:5.333rem;}
#vedio .play.show{z-index: 110;opacity: 1;visibility: visible;}

#startChallenge{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;z-index:-1;}
#startChallenge #logo{position:absolute;opacity:0;left:50%;top:45%;transform:translate(-50%,-60%);transition:all ease 1s;-webkit-transition: all ease 1s;}
#startChallenge .btn{position:absolute;bottom:8%;opacity:0;left:50%;transform:translateX(-50%);transition:all ease 1s .8s;-webkit-transition: all ease 1s .8s;}
#startChallenge.show{opacity: 1;visibility: visible;z-index: 1000;}
#startChallenge.show #logo{opacity: 1;transform:translate(-50%,-50%);}
#startChallenge.show .btn{opacity: 1;transform: translate(-50%,0);}
#logo{width:7.2083rem;}
.btn{font-size:1rem;display:block;color:#fff;font-weight: bold;padding:1rem 0;width:10.5rem;border:1px solid #000;text-align:center;background:#000;transition:all .2s ease;-webkit-transition:all .2s ease;}
.btn.w{background: #fff;border:1px solid #8a8a8a;color:#8a8a8a;}
.btn.a{color:#000000;border:1px solid #8a8a8a;background: #fff;}
.btn.b{color:#fff;background: #dcdcdc;border-color: #dcdcdc;}
.btn:active{opacity:.6;}

.form-group{positoin:relative;display: flex;}
.form-group input{width:100%;border:1px solid #8a8a8a;color:#000;font-size:1rem;height:3.5rem;padding:0 .5rem;box-sizing: border-box;flex-shrink:1;}
.form-group select{font-size:1rem;height:3.5rem;padding:0 .2rem;flex: 1;border:1px solid #8a8a8a;color:#8a8a8a;background: #fff;}
.register{position:relative;}
.register #logo{margin:0 auto;padding:4rem 0;}
.register .form-group{margin-bottom:1.8rem;}
.register .yz .btn{margin-left:5px;padding:0 1rem;text-align:center;}
.register .yz .btn.getcode{color:#fff;padding:0;flex-shrink:0;flex: auto;}
.register .yz .btn.disable{background: #ccc;border-color:#ccc;}
.register .form-group.sex{justify-content:space-between;}
.register .form-group.sex a{font-size:1rem;border:1px solid #8a8a8a;width:48%;display:flex;align-items:center;justify-content:center;height:3.5rem;font-weight: bold;color:#717171;transition:all ease .2s;-webkit-transition:all ease .2s;}
.register .form-group.sex a.on{background: #000;color:#fff;}
.register .form-group.begin .btn{margin:1rem auto 0;flex:none;}
.register .form-group .radio input{display: none;opacity: 0;visibility: hidden;}
.title{display: flex;align-items: center;justify-content: center;padding:4rem 0;}
.title.title-suc{display: block;text-align: center;}
.title.title-suc p{font-size:1.3rem;font-weight: bold;padding-top:.5rem;}
.title.title-suc span{border:none;margin:0;padding:0;}
.title img{width:2rem;}
.title span{font-size:1.66rem;font-weight: bold;margin-left:.6rem;padding-left:.6rem;border-left:2px solid #191919;line-height: 1;color:#191919;}
.container{padding:0 40px;}
.search{position:relative;display: flex;align-items: center;margin-bottom:1rem;overflow: hidden;}
.search input{flex: 1;border:1px solid #8a8a8a;color:#000;font-size:1rem;height:3.5rem;padding:0 .5rem;box-sizing: border-box;}
.search .searchBtn{position:absolute;right:0;}
.search .searchBtn #searchSubmit{border:none;background: none;padding:1rem 1.6rem;background: url("../img/icon_search.png") no-repeat center center;}
.team-list{position: relative;margin-top:3rem;}
.team-list .team{background: #f7f8f8;border-bottom:1px solid #85807e;margin-bottom:1.8rem;display: flex;align-items: center;padding:.8rem 1.4rem;justify-content: space-between;}
.team-list .team img.avatar{width:2.875rem;margin-right: 1rem;border-radius: 50%;}
.team-list .team p{color:#191919;flex: 1;}
.team-list .team p i{font-style: normal;}
.team-list .team span.my{color:#717171;}
.warTeam{display: flex;justify-content: space-between;margin-top:3rem;margin-bottom:1rem;}
.warTeam a{width:48%;}
.createTeam .form-group{margin-bottom:.8rem;}
.createTeam .creatNow{position:absolute;bottom:8%;width:100%;margin-left:-40px;}
.createTeam .creatNow .btn{margin:0 auto;}
.creatsuccess{display: flex;flex-direction:column;align-items: center;text-align: center;}
.creatsuccess .qrcode{width:33.38%;}
.creatsuccess .qrcode img{width:100%;}
.creatsuccess p{text-align: center;color:#191919;padding:1.5rem;}
.creatsuccess .logo{width:29.32%;margin:3rem 0 4.5rem 0;}

.icon-info{display: flex;align-items: center;justify-content:flex-end;text-align: right;margin:1rem 0 .2rem 0;}
.icon-info a{margin:0 1rem;width:5.333%;display: block;}
.courseslist{position: relative;}
.courseslist .human-info{display: flex;align-items: center;border-bottom:.25rem solid #dcdddd;padding:0 0 .9rem 0;}
.courseslist .human-info img{width:11.69%;margin-right: .5rem;border-radius: 50%;}
.courseslist .sweatfit{}
.courseslist .sweatfit .dayBar{display: flex;justify-content: space-between;}
.courseslist .sweatfit p{padding:1rem 0;}
.courseslist .sweatfit .dayBar i{display: block;flex:1;margin:0 1px;height: .5833rem;background: #dcdddd;}
.courseslist .sweatfit .dayBar i.on{background: #231815;}
.courseslist .lesson{display: flex;margin:.6rem 0;align-items: center;justify-content: space-between;}
.courseslist .lesson .text{border:1px solid #8a8a8a;padding:.8rem .6rem;flex: 1;color:#040000;}
.courseslist .lesson a{margin-left:1rem;text-decoration: underline;font-weight: bold;}
.courseslist .lesson-swiper{position: relative;}
.courseslist .lesson-swiper .swiper-btn{width:4.066%;position:absolute;top:50%;z-index: 1;}
.courseslist .lesson-swiper .swiper-btn.swiper-button-disabled{opacity: .5;}
.courseslist .lesson-swiper .swiper-btn.swiper-prev{left:-2rem;}
.courseslist .lesson-swiper .swiper-btn.swiper-next{right:-2rem;}
.courseslist .lesson-swiper .pop{position: absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-align: center;font-size:1rem;letter-spacing: .2rem;}
.courseslist .lesson-swiper .pop .pop_bg{height:100%;width:100%;background: rgba(0,0,0,.7);display: flex;align-items: center;justify-content:center;flex-flow: column;}
.courseslist .lesson-swiper .pop.pop3{padding:3rem;box-sizing: border-box;}
.courseslist .lesson-swiper .pop.pop3 b{margin-top:1rem;}
.courseslist .lesson-swiper .pop.pop3 a{text-decoration: none;border:1px solid #fff;padding:.6rem 1rem;}
.courseslist .lesson-swiper .pop.pop3 img{width:8.3%;}
.courseslist .lesson-swiper .pop h1{font-size:1.66rem;font-weight: bold;}
.courseslist .lesson-swiper .pop p{margin-top:2rem;}
.courseslist .lesson-swiper .pop a{font-weight: bold;text-decoration: underline;color:#fff;margin-top:2rem;}
.courseslist .challenge{display: flex;margin:.6rem 0;align-items: center;}
.courseslist .challenge i{width: 3.389%;padding-top:3.389%;margin:1px 0 0 1rem;background: url("../img/icon_star.png") no-repeat 100% 0;background-size:200%;}
.courseslist .challenge i.on{background-position: 0 0;}
.courseslist .beginCha{display: flex;justify-content: center;padding:0 0 .5rem 0;}
.team-manage{}
.team-manage .my-team{background: #f7f8f8;padding:1rem .6rem 0 .6rem;margin-top:3.5rem;border-bottom:1px solid #85807e;color:#191919;}
.team-manage .my-team .p1{font-size:1.2rem;font-weight: bold;margin-bottom:.4rem;}
.team-manage .my-team .p1 span{font-size:1.1rem;}
.team-manage .my-team .team-detail{border-top:.5rem solid #dcdddd;padding:.8rem 0;margin-top:.8rem;display: flex;}
.team-manage .my-team .team-detail .team-leader{border-right: 1px solid #dcdcdc;flex:1;display: flex;flex-flow: column;align-items: center;padding:1rem 1rem;}
.team-manage .my-team .team-detail .team-leader img{width:5.75rem;border-radius: 50%;}
.team-manage .my-team .team-detail .team-leader p{font-size:1.2rem;color:#191919;font-weight: bold;margin-top:1.2rem;}
.team-manage .my-team .team-detail .team-code{flex:1;display: flex;flex-flow: column;align-items: center;padding:1rem 1.2rem 0 1.6rem;}
.team-manage .my-team .team-detail .team-code #qrcode{margin:0 !important;}
.team-manage .my-team .team-detail .team-code p{font-size:.8rem;color:#717171;margin-top:1.2rem;}
.team-manage .team-member>p{margin:0.8rem 0;text-align: center;font-size:1.2rem;}
.team-manage .team-member>p a{text-decoration: underline;margin-left:1rem;color:#717171;}
.team-manage .team-member ul{margin:0 -.4rem;overflow: hidden;}
.team-manage .team-member ul li{float:left;background: #f7f8f8;padding:1.2rem .6rem 0 .6rem;width:5.5rem;margin:0 .4rem .4rem .4rem;}
.team-manage .team-member ul li img{width: 100%;border-radius: 50%;}
.team-manage .team-member ul li p{margin:1rem 0 .8rem 0;text-align: center;font-weight: bold;}
.team-manage .team-member ul li a{display: block;background: #dcdcdc;margin:0 -.6rem;text-align: center;padding:.5rem 0;font-weight: bold;border-bottom:1px solid #85807e;}
.team-manage .team-member a.btn{margin:1rem auto 1rem auto;}
.ranking-list{}
.ranking-list .ranking-tab{display: flex;}
.ranking-list .ranking-tab a{flex: 1;text-align: center;font-weight: bold;color:#fff;background: #dcdcdc;height:3.33rem;line-height: 3.33rem;border-right: 1px solid #fff;transition:all ease .2s;-webkit-transition:all ease .2s;}
.ranking-list .ranking-tab a:last-child{border: none;}
.ranking-list .ranking-tab a.on{background: #fff;color:#191919;}
.ranking-list .ranking-swiper ul{padding:0 2.5rem;}
.ranking-list .ranking-swiper ul li{display: flex;align-items: center;justify-content: space-between;padding:1.5rem 0 1.375rem 0;border-bottom:1px dashed #dcdcdc;}
.ranking-list .ranking-swiper ul li img{width:3.875rem;margin:0 2rem;border-radius: 50%;}
.ranking-list .ranking-swiper ul li .tn{flex: 1;}
.ranking-list .ranking-swiper ul li:last-child{border:none;}
.ranking-list .text{text-align: center;color:#717171;margin-top:1rem;}
.ranking-list .text b{font-size:1.2rem;font-weight: bold;}
.ranking-list .text .btn{margin:2rem auto 1rem;}
.card-record{padding-top:3.5rem;}
.card-record .btn{margin:2rem auto 1rem auto;}
.card-record .swiper-slide img{width:100%;}
.card-record .swiper-slide p{background: #191919;color:#fff;height:4rem;overflow:hidden;text-align: center;line-height:1.6rem;padding:.5rem 0;}
.card-record .swiper-pagination{text-align: center;position: relative;margin-top:2rem;}
.card-record .swiper-pagination span{margin:0 .2rem;}
.card-record .swiper-pagination span.swiper-pagination-bullet-active{background:#191919;}
.sign-in{background:url("../img/dk_bg.jpg") no-repeat;background-size:cover;height:100%;position: relative;}
.sign-in .logo{position: absolute;width:12%;top:1.58rem;right:1.41rem;}
.sign-in .con{padding-top:4.3rem;color:#191919;}
.sign-in .con img.img1{width:19.5%;border-radius: 50%;}
.sign-in .con img.img2{width:16.9%;margin:1rem 0 0 0;}
.sign-in .con h4{margin-top:1rem;font-size:1.25rem;}
.sign-in .con p{font-size:1rem;margin-top:1rem;font-weight: bold;}
.sign-in .con h1{font-size:2.91rem;line-height: 3rem;}
.sign-in .con h2{font-size:1.66rem;}
.sign-in .con .btn{position: absolute;bottom:8%;transform: translateX(-50%);left:50%;}
.hp-tips{position: absolute;top:0;left:0;bottom:0;background:#000;width:100%;z-index: 10000;display: flex;align-items: center;justify-content: center;transition:all ease .2s;-webkit-transition:all ease .2s;}
.hp-tips p{font-size:1rem;color:#fff;font-weight: bold;letter-spacing: .1rem;}
.hp-tips img{width:1.2rem;margin-left:.2rem;}
.hp-tips.hide{opacity: 0;visibility: hidden;z-index: -1;}
.preview{position: relative;transform:rotate(90deg);-webkit-transform:rotate(90deg);background: #000;}
.preview .video-con{position: relative;overflow:hidden;width:100%;height:100%;background: #000;z-index:1;transition:opacity ease .1s;-webkit-transition:opacity ease .1s;}
.preview .video-con.hide{opacity: 0;}
.preview .video-con video{position:absolute;left:50%;top:50%;z-index:10;height:100%;}
.preview .video-con .play{position:absolute;top:0;left:0;background:rgba(0,0,0,.6);width:100%;height:100%;z-index:-1;opacity: 0;visibility: hidden;transition: all ease .4s;-webkit-transition: all ease .4s;margin:0;}
.preview .video-con .play img{width:5.33rem;}
.preview .video-con .play.show{z-index: 112;opacity: 1;visibility: visible;}
.preview .play{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;top:0;left:0;z-index:-1;opacity: 0;visibility: hidden;transition: all ease .2s;-webkit-transition: all ease .2s;display:flex;justify-content: center;align-items: center;flex-flow: column;}
.preview .play img{width:5.33rem;}
.preview .play.show{z-index: 112;opacity: 1;visibility: visible;}
.preview .preview-pop{position: absolute;width:100%;height:100%;z-index:100;top:0;left:0;overflow: hidden;display: block;}
.preview .tips{position:absolute;top:0;left:0;z-index:11;background: rgba(0,0,0,.6);color:#ccc;padding:.3rem 1rem;width:100%;display: block;z-index: 11;overflow: hidden;flex:none;}
.preview .tips.show{opacity: 1;}
.preview .tips h4{font-size: 1.2rem;}
.preview .tips p{font-size: .8rem;}
.preview .preview-swiper{padding:.5rem 1rem;position: absolute;bottom:0;left:0;width:100%;height:100%;display: flex;justify-content: space-between;opacity: 0;transition:all ease .2s;-webkit-transition:all ease .2s;z-index: 11; overflow: hidden;}
.preview .preview-swiper.show{opacity: 1;}
.preview .preview-swiper .swiper-container{flex-grow:1;}
.preview .preview-swiper .swiper-slide img{width:100%;}
.preview .preview-swiper .swiper-slide.on{border:2px solid #fff;}
.preview .swiper-button-prev ,.preview .swiper-button-next{position:relative;background: #000;height:100%;color:#fff;top:0;margin:0;background-repeat: no-repeat;background-position: center center;padding:0 1.1rem;}
.preview .preview-swiper .swiper-button-prev{left:0;background-image: url("../img/icon_left.png");margin-right:1%;}
.preview .preview-swiper .swiper-button-next{right:0;background-image: url("../img/icon_right.png");margin-left:1%;}
.preview .preview-swiper .swiper-con{flex:1;position: relative;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
.preview .preview-swiper .btn{font-size:1rem;width:150px;margin-left:1%;padding:0 .6rem;display: flex;justify-content: center;align-items: center;}
.preview .preview-swiper .flex-con{flex: 1;align-self: flex-end;display: flex;justify-content:space-between;width:100%;}
.preview .qhsj{position: absolute;overflow:hidden;top:1rem;right:3.5rem;z-index: 100;color:#fff;font-size:1.2rem;font-weight: bold;opacity: 0;transition: all ease .2s;-webkit-transition: all ease .2s;}
.preview .qhsj.show{opacity: 1;}
.preview .video-control{width:1.91rem;position: absolute;overflow:hidden;top:1rem;right:1rem;z-index: 100;opacity: 0;transition: all ease .2s;-webkit-transition: all ease .2s;}
.preview .video-control.show{opacity: 1;}
.preview .video-control img{display: none;}
.preview .video-control.isplay img:first-child{display: block;}
.preview .video-control.ispause img:nth-child(2){display: block;}
.pro-bar{display:flex;flex-flow:column;position: absolute;overflow:hidden;z-index: 100;bottom:0;left:0;width:100%;padding:.5rem 3rem;background: rgba(0,0,0,.6);opacity: 0;transition: all ease .2s;-webkit-transition: all ease .2s;}
.pro-bar.show{opacity: 1;}
.pro-bar .bar-num{flex:1;height:.6rem;background: #000;margin-bottom:.5rem;overflow: hidden;position:relative;}
.pro-bar .bar-num span{display:inline-block;background: #fff;box-sizing: border-box;border-right:1px solid #000;height: 100%;float:left;transition:all ease .2s;-webkit-transition:all ease .2s;}
.pro-bar .bar-num span:last-child{border: none;}
.pro-bar .bar-num span.on{background: #d53400;}
.pro-bar .bar-btn{display: flex;justify-content: space-between;color:#fff;font-size:1rem;font-weight: bold;}
.pro-bar .bar-btn a{color:#fff;font-size:1rem;display: flex;align-items: center;transition:all ease .2s;-webkit-transition:all ease .2s;}
.pro-bar .bar-btn a.prev img{padding-right:.2rem;}
.pro-bar .bar-btn a.next img{padding-left:.2rem;}
.pro-bar .bar-btn a.hide{opacity: 0;}
.count-down{position: absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.7);align-items:center;justify-content: center;flex-direction:column;display: none;}
.count-down p{color:#fff;font-size:2rem;margin-bottom:1rem;}
.count-down.show{display:flex;}
.count-down .num{color:#fff;font-size:2rem;border:.2rem solid #fff;display: flex;align-items:center;justify-content: center;border-radius: 50%;width:5rem;height:5rem;}
a.godk{position: absolute;z-index: 11;top:0;right:0;padding:.5rem;color:#fff;font-size:1.2rem;}
.dk_con{position: relative;width:100%;height:100%;background: #000;overflow: hidden;}
.dk_con img{width:100%;}
.dk_con .btn{position: absolute;bottom:8%;transform: translateX(-50%);left: 50%;}
.dk_con .tips{position: absolute;bottom:0;left:0;width:100%;background: #f8f8f8;color:#717171;font-size:1rem;font-weight:bold;text-align: center;padding:.4rem 0;letter-spacing: .4rem;}
.tgzs{padding-top:40px;position:relative;width:100%;height:100%;}
.tgzs .tips{background: #f8f8f8;color:#717171;font-size:1rem;font-weight:bold;text-align: center;padding:.4rem 0;letter-spacing: .4rem;border-bottom: 1px solid #85807e;}
.tgzs .btns{display: flex;justify-content: space-between;position: absolute;width:100%;padding:0 40px;margin-left:-40px;bottom:8%;}
.tgzs .btns .btn.w{color:#191919;}
@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
@media screen and (orientation:portrait) {
/* css[竖向定义样式] */
	.hp-tips{display: none;}
}
@media screen and (orientation:landscape) {
/* css[横向定义样式] */
    .hp-tips{display: flex;}
	html,body{font-size:24px;}
}
@media (max-width:650px){
	html, body{font-size:22px;}
}
@media (max-width:580px){
	html, body{font-size:20px;}
}
@media (max-width:520px){
	html, body{font-size:18px;}
}
@media (max-width:460px){
	html, body{font-size:16px;}
}
@media (max-width:430px){
	html, body{font-size:14px;}
}
@media (max-width:375px){
	html, body{font-size:12px;}
}
@media (max-width:321px){
	html, body{font-size:12px;}
}
@media (max-height:568px){
	.register #logo{padding:3rem 0;}
	.title{padding:2.5rem 0;}
}